<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>新用户推荐</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="/res/css/sm.min.css">
    <link rel="stylesheet" href="/res/css/sm-extend.min.css">
    <link rel="stylesheet" href="/res/css/swiper.min.css">
    <link rel="stylesheet" href="/res/font/iconfont.css">
    <link rel="stylesheet" href="/res/css/common.css">
<body>
<div class="page-group">
    <div class="page page-current">
        <!--<header class="bar bar-nav">-->
            <!--<a class="button button-link button-nav pull-left external" href="/user/mine" data-transition='slide-out'>-->
                <!--<span class="icon icon-left"></span>-->
                <!--返回-->
            <!--</a>-->
            <!--<h1 class="title">新用户推荐</h1>-->
        <!--</header>-->
        <nav class="bar bar-tab">
            <a class="tab-item external" href="/user/index">
                <span class="icon iconfont icon-shouye"></span>
                <span class="tab-label">首页</span>
            </a>
            <a class="tab-item external" href="/user/adv">
                <span class="icon iconfont icon-chanpin"></span>
                <span class="tab-label">产品</span>
            </a>
            <a class="tab-item external" href="/user/reserve">
                <span class="icon iconfont icon-ding"></span>
                <span class="tab-label">预定</span>
            </a>
            <a class="tab-item active external" href="/user/mine">
                <span class="icon iconfont icon-wode"></span>
                <span class="tab-label">我的</span>
            </a>
        </nav>
        <div class="content">
            <!-- 这里是页面内容区 -->
            <div style="height:7rem;text-align: center;line-height: 7rem;"><img src="/res/imgs/recommend.png" width="100%" height="100%"></div>
            <div class="content-block-title" style="margin: .75rem .75rem .5rem;">推荐新用户</div>
            <div class="list-block" style="margin-bottom:0.25rem">
                <ul>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon iconfont icon-xingming"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">用户姓名</div>
                                <div class="item-input">
                                    <input type="text" placeholder="请填写真实姓名" class="name">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon iconfont icon-dianhua"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">联系电话</div>
                                <div class="item-input">
                                    <input type="tel" placeholder="手机号码" class="phone">
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="content-block" style="margin: 0.25rem 0;padding: 0 .75rem;">
                    <div class="row">
                        <div class="col-50"><a href="#" class="button button-big button-fill button-danger cancel">取消</a></div>
                        <div class="col-50"><a href="#" class="button button-big button-fill button-success save">提交</a></div>
                    </div>
                </div>
            </div>
            <div class="card bb" style="margin:auto">
                <div class="card-content-inner">
                    <div class="row no-gutter" style="text-align: center">
                        <div class="col-33 dd">
                            <p><a class="installed"><span class="icon icon_display installCount" style="color: #36dd58;">0</span>已安装用户</a></p >
                        </div>
                        <div class="col-33 dd">
                            <p><a class="uninstalled"><span class="icon icon_display unInstallCount" style="color: #ddcf32;">0</span>未安装用户</a></p >
                        </div>
                        <div class="col-33 cc">
                            <p><a class="rebate"><span class="icon icon_display" style="color: #ff4f46;">0</span>返利</a></p >
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>
</div>

<script type='text/javascript' src='/res/js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/jquery-3.2.1.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/swiper.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/util.js' charset='utf-8'></script>
<script>
    jQuery.noConflict();
    var $j = jQuery;
    $j.loadJs('/res/js/new/recommend.js?v_' + Math.random(),null);
</script>
</body>
</html>